<!--
 * @Description: 报名成功
 * @Version: 2.0
 * @Autor: Seven
 * @Date: 2020-12-17 17:08:42
 * @LastEditors: Seven
 * @LastEditTime: 2020-12-18 13:40:25
-->
<template>
    <!-- 报名成功 -->
    <el-dialog custom-class="signSuccess" :visible="visible" @update:visible="update">
        <div class="signSuccess-wrap">
            <img src="/images/signSuccess.png" alt="" />
            <div class="ewm-wrap">
                <div class="img-box">
                    <img src="/images/example/erweima.png" alt="" />
                </div>
                <div class="s">微信扫码关注xxx小程序了解更多一线资讯</div>
            </div>
        </div>
    </el-dialog>
</template>
<script>
export default {
    props: {
        // 显示隐藏
        visible: {
            type: Boolean,
            default: false,
        }
    },
    methods:{
        // 显示隐藏
        update(val) {
            this.$emit("update:visible", val);
        },
    }
};
</script>
<style lang="scss">
.signSuccess {
    width: 544px;
    background: transparent;
    box-shadow: none;
    .el-dialog__header {
        padding: 0;
    }
    .el-dialog__body {
        padding: 0;
    }
    .ewm-wrap {
        width: 32%;
        position: absolute;
        bottom: 9%;
        left: 50%;
        transform: translateX(-50%);
        .s {
            font-size: 16px;
            color: #666666;
            margin-top: 20px;
            line-height: 1.5;
        }
        .img-box {
            padding: 10px;
            border-radius: 10px;
            background-color: #fff;
            img {
                width: 100%;
            }
        }
    }
}
@media screen and (max-width: 760px){
        // 报名成功
    .signSuccess {
        width: calc(100% - 20px);
        .ewm-wrap {
            width: 65%;
        }
    }
}
</style>